import Vue from 'vue'
import App from './App.vue'

// 全局引入element-ui
import ElementUI from 'element-ui'
import 'element-ui/lib/theme-chalk/index.css';
Vue.use(ElementUI)

// 引入全局基础样式
import '@/style/base.css'

// 引入vue-router
import router from '@/router'

// 引入获取token的方法
import {localGet,pathMap} from '@/utils'
Vue.config.productionTip = false

// // 全局路由守卫
router.beforeEach((to,form,next) =>{
  if(to.path == '/login'){
    // 如果路径是/login则正常执行
    next()
  } else {
    // 如果不是/login，判断是否有token
    if(!localGet('token')){
      // 如果没有，则跳转至登录页面
      next({path:'/login'})
    }else {
      // 否则继续执行 
      next()
    }
  }
  console.log(to);
  document.title = pathMap[to.name]
})

const orderStatus = {
  0: '待支付',
  1: '已支付',
  2: '配货完成',
  3: '出库成功',
  4: '交易成功',
  '-1': '手动关闭',
  '-2': '超时关闭',
  '-3': '商家关闭'
}

// 制定全局方法
Vue.filter('orderMap', function (status) {
  return orderStatus[status] || '未知状态';
});

Vue.filter('prefix', function (url) {
  if (url && url.startsWith('http')) {
    return url;
  } else {
    url = `http://backend-api-02.newbee.ltd${url}`;
    return url;
  }
});

Vue.prototype.goTop = function () {
  const main = document.querySelector('.main')
  main.scrollTop = 0
}

new Vue({
  router,
  render: h => h(App),
}).$mount('#app')
